<template>
	<view>
		<view class="tab">
			<view class="tab-item tab-item-ac">
				<view>
					已通过
				</view>
			</view>
			<view class="tab-item">
				<view>
					待审核
				</view>
			</view>
			<view class="tab-item">
				<view>
					已驳回
				</view>
			</view>
		</view>
		<view class="list">
			<view class="list-item" v-for="it in 12">
				<view class="list-item-header flex-sp">
					<view class="list-item-header-l flex-center">
						<image :src="mixiImgUrl + '/static/12.png'" mode=""></image>
						廖星星
					</view>
					<view class="list-item-header-status">已通过</view>
				</view>
				<view class="list-item-title">添加廖星星纪念馆</view>
				<view class="list-item-title-tx">提交时间：2024-03-23</view>
				<view class="list-item-title-tx">说明：</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page {
		background: #F6F1E7;
	}
	.tab {
		width: 100%;
		display: flex;
		margin: 30rpx 0 50rpx;
		.tab-item {
			
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			view {
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #999999; 
				width: fit-content;
			}
		}
		.tab-item-ac {
			view {
				font-family: Source Han Sans CN;
				font-weight: 500;
				font-size: 28rpx;
				color: #222222;
				position: relative;
			}
			view::after {
				content: "";
				width: 80%;
				position: absolute;
				left: 10%;
				bottom: -20rpx;
				height: 6rpx;
				background: #222222;
			}
		}
	}
	.list {
		width: 716rpx;
		margin: 0 auto;
		.list-item {
			width: 716rpx;
			margin-bottom: 22rpx;
			background: #EFE9DD;
			border-radius: 16rpx;
			box-sizing: border-box;
			padding: 34rpx 0;
			.list-item-header {
				margin-bottom: 30rpx;
				box-sizing: border-box;
				padding:0 29rpx;
				.list-item-header-l {
					image {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
					}
					font-family: Source Han Sans CN;
					font-weight: 400;
					font-size: 24rpx;
					color: #686868;
				}
				.list-item-header-status {
					font-family: Source Han Sans CN;
					font-weight: 400;
					font-size: 24rpx;
					color: #1AAF7D;
				}
			}
			.list-item-title {
				box-sizing: border-box;
				padding:0 71rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
				margin-bottom: 26rpx;
			}
			.list-item-title-tx {
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 26rpx;
				color: #686868;
				margin-bottom: 22rpx;
				box-sizing: border-box;
				padding:0 71rpx;
			}
		}
	}
</style>